<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>zuoye1</title>
</head>
<style type="text/css">
     * {
     	margin: 0;
     	padding: 0;
     }
     .a {
     	width: 500px;
     	height: 400px;
     	background: white;
     	border: 10px solid #cccccc;
     }
     .b {
     	width: 200px;
     	height: 400px;
     	background: green;
     	float: left;
     }
    
     
     .c1 {
     	
     	width: 300px;
     	height: 80px;
     	background: #ff9900;
        float:right;
     }

     .c2 {
     	 
         width: 150px;
         height: 160px;
         background: #ff6699;
         float:right;
     }
     .c3 {
     	
     	left: 350px;
     	width: 150px;
     	height: 160px;
     	background: #44ffcc;
     	float: right;
     }
     .c4 {
     	
     	width: 300px;
     	height: 160px;
     	background: #336699;
     	float: right;
     } 
</style>
<body>
	<div class="a">
		    <div class="b"></div>
			<div class="c1"></div>
			<div class="c2"></div>
			<div class="c3"></div>
			<div class="c4"></div>
		
	</div>
</body>
</html>